<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

	<h:form id="formDetallePedidoEditar">
		<div class="tituloSec">
			<h:outputText
				value="Editar el pedido" />
		</div>
		
  <h:panelGroup >
  
		<h:panelGroup>
		  <h:outputText value="#{pedidosBean.observacionPedidoSelected}" styleClass="txtUnoVin" id="obsViewEdit"/>
		</h:panelGroup>
		
		<br /> <br />
  
  
		<div class="subSec">
			<h:outputText
				value="Listado de productos" />
		</div>
		
		<div align="center">
		 <h:panelGroup>
         <h:outputText value="C&oacute;digo del pedido [ #{pedidosBean.pedidoSelected.id} ]" id="mensajePedidoEdit" styleClass="txtMsgRojo"/>
        </h:panelGroup>
        </div>

        <h:panelGroup>
         <h:outputText value="#{pedidosBean.mensajeEditarPedido}" id="mensajeEditarPedido" styleClass="txtMsgRojo"/>
        </h:panelGroup>
		<rich:dataTable id="tablaResultEdit"
			cellspacing="1" cellpadding="1" border="0" width="95%"
			styleClass="tablas" rowClasses="impar,par" style="width:99%" 
			value="#{pedidosBean.pedidoDetalle}" var="fila"
			iterationStatusVar="varkey" rows="5">

			<rich:column rowspan="1" style="width:5%">
				<f:facet name="header">
					<h:outputText value="Serial"
						escape="false" />
				</f:facet>
				<h:outputText value="#{fila['ID']}" />
			</rich:column>

			<rich:column rowspan="1" style="width:35%">
				<f:facet name="header">
					<h:outputText
						value="Producto"
						escape="false" />
				</f:facet>
				<div class="elipsisHeaderProductosModal">
				<h:outputText value="#{fila['NOMBRE']}" />
				</div>
			</rich:column>
			
			<rich:column rowspan="1" style="width:10%">
				<f:facet name="header">
					<h:outputText
						value="Cantidad disponible"
						escape="false" />
				</f:facet>
				<div class="elipsisHeaderProductosModal">
				<h:outputText value="#{fila['CANT_DISPONIBLE']}" />
				</div>
			</rich:column>
			
			<rich:column rowspan="1" style="width:10%">
				<f:facet name="header">
					<h:outputText
						value="Precio Unitario (incluye IVA)"
						escape="false" />
				</f:facet>
				<h:outputText value="$ #{fila['PRECIO_UNITARIO']}" />
			</rich:column>

			<rich:column rowspan="1" style="width:15%">
				<f:facet name="header">
					<h:outputText
						value="Cantidad Solicitada" />
				</f:facet>
				<h:inputText value="#{pedidosBean.cantidadesPedido[varkey.index]}"/>
				
			</rich:column>
			
			<rich:column rowspan="1" style="width:25%">
				<f:facet name="header">
					<h:outputText
						value="Valor Total (Incluye IVA)" />
				</f:facet>
				<h:outputText value="$ #{fila['VALOR_TOTAL']}" />
			</rich:column>
			
			<f:facet name="footer">
                  
                </f:facet>

		</rich:dataTable>
		
		<br />

			<div align="center">
				<rich:dataScroller id="scrollerEditar" for="tablaResultEdit"/>
                  <h:outputText styleClass="txtUnoVin"  value="VALOR TOTAL = $  #{pedidosBean.pedidoSelected.valorTotal}"/>
                  <br /><br />
                  <a4j:commandButton styleClass="boton" value="Confirmar" action="#{pedidosBean.editarCantidades}" render="textoPresupuesto,mensajeEditarPedido" > </a4j:commandButton>
                  
                  <a4j:commandButton styleClass="botonLimpiar" value="regresar"
										onclick="#{rich:component('panelDetallePedidoEditar')}.hide()" />
			</div>
		
		</h:panelGroup>
		
	</h:form>


</ui:composition>
